.menu {
  padding-top : 20rpx;
  padding-left: 30rpx;
  padding-right:10rpx;
  z-index     : 1;
  position    : relative;
  /* 确保它有定位，z-index才会生效 */
}

.outlayout {
  display : flex;
  width   : 100vw;
  height  : 100vh;
  z-index : 101;
  position: absolute;
  /* 设置较低的 z-index，使其在 .menuOverlay 之下 */

}

.menuOverlay {
  width           : 60vw;
  color           : white;
  margin-left     : 30rpx;
  display         : flex;
  flex-direction  : column;
  background-image: url('../../res/imgs/ic_pop_background.png');
  background-repeat: no-repeat;
  /* 设置背景图片路径 */
  /* 修改：让宽度撑满，高度自适应 */
  /* 背景图宽度占满容器，高度按比例缩放 */
  background-size : 100% auto;
  position        : relative;
  /* 确保它有定位 */
  z-index         : 101;
  /* 设置较高的 z-index，使其显示在 .outlayout 之上 */
  /* 新增：设置文字间距 */
  letter-spacing  : 2px; // 调整此值改变间距
  /* 新增：设置文字粗细 */
  font-weight     : 320; // 调整此值改变粗细（100-900，400为正常，300为细体）
}

.menuBackground {
  letter-spacing     : 1px; // 调整此值改变间距
  font-weight        : 330; // 调整此值改变粗细（100-900，400为正常，300为细体）
  font-size          : 19;
  margin-top         : 25px;
  margin-left        : 2px;
  color              : white;
  display            : flex;
  align-items        : center;
  justify-content    : center;
  background-position: center;
  background-image   : url('../../res/imgs/logo.png');
  background-size    : 100% auto;

}

.textContent {
  font-size   : 160;
  color       : red;
  margin-left : 7px;
  left        : 7px;
  padding-left: 7px;
}


.pressed {
   filter: brightness(0.5);///* 点击时。对子元素应用亮度调整 */
}